import classNames from "classnames";
import React from "react";
import { Link } from "react-router-dom";
import "./Footer.scss";

function Footer(props) {
  console.log(props);
  let {name} = props;
  return (
    <footer className="fixed flex jc-sa aic footer bg-fff">

      <Link to="/home">
        <div className={classNames("",{on:name==='home'})}>
          <p className=" f20 mb-5 iconfont icon-shouye-shouye"></p>
          <p>首页</p>
        </div>
      </Link>

      <Link to="/target">
        <div className={classNames("",{on:name==='target'})}>
          <p className=" f20 mb-5 iconfont icon-mudedi"></p>
          <p>目的地</p>
        </div>
      </Link>

      <Link to="/order">
        <div className={classNames("",{on:name==='order'})}>
          <p className=" f20 mb-5 iconfont icon-zengjia icon"></p>
          <p>提交需求</p>
        </div>
      </Link>

      <Link to="/find">
        <div className={classNames("",{on:name==='find'})}>
          <p className=" f20 mb-5 iconfont icon-faxian"></p>
          <p>发现</p>
        </div>
      </Link>

      <Link to="/my">
        <div className={classNames("",{on:name==='my'})}>
          <p className=" f20 mb-5 iconfont icon-31wode"></p>
          <p>我的</p>
        </div>
      </Link>

      <Link to="/demo"> 
        <div className={classNames("",{on:name==='demo'})}>
          <p className="f20 mb-5 iconfont icon-faxian"></p>
          <p>demo</p>
        </div>
      </Link>

    </footer>
  );
}

export default Footer;
